<template>
  <div id="navPage">


    <el-menu default-active="2" class="el-menu-vertical-demo" theme="dark" unique-opened
             style="backgroundColor: #324057">
      <router-link to="/home/mainText">
        <el-menu-item index="1"><i class="iconfont icon-shouye"></i>主&nbsp; &nbsp; &nbsp; &nbsp;页</el-menu-item>
      </router-link>

      <router-link to="/orderMange/orderSee">
        <el-menu-item index="2"><i class="iconfont icon-ordermanagement"></i>订单查看</el-menu-item>
      </router-link>
      <router-link to="/tixian/requireList">
        <el-menu-item index="3"><i class="iconfont icon-money"></i>提现列表</el-menu-item>
      </router-link>

      <el-submenu index="4">
        <template slot="title"><i class="iconfont icon-weibiaoti1"></i>个人中心</template>
        <router-link to="/user/userInfo">
          <el-menu-item index="4-1">个人信息</el-menu-item>
        </router-link>
        <router-link to="/user/realName">
          <el-menu-item index="4-2">实名认证</el-menu-item>
        </router-link>

        <router-link to="/user/bank">
          <el-menu-item index="4-3">银行卡绑定</el-menu-item>
        </router-link>


      </el-submenu>
      <el-submenu index="5">
        <template slot="title"><i class="iconfont icon-anquan"></i>安全中心</template>
        <router-link to="/system/history">
          <el-menu-item index="5-1">历史登录</el-menu-item>
        </router-link>
        <router-link to="/system/checkEmail">
          <el-menu-item index="5-2">邮箱绑定</el-menu-item>
        </router-link>

        <router-link to="/user/revisePwd">
          <el-menu-item index="5-4">修改密码</el-menu-item>
        </router-link>

      </el-submenu>
      <el-submenu index="6">
        <template slot="title"><i class="iconfont icon-money"></i>交易统计</template>
        <router-link to="/dealCount/weiCode">
          <el-menu-item index="6-1">微信扫码</el-menu-item>
        </router-link>
        <router-link to="/dealCount/zhiCode">
          <el-menu-item index="6-2">支付宝扫码</el-menu-item>
        </router-link>


      </el-submenu>

    </el-menu>
  </div>
</template>

<script>
  export default {
    data() {
      return {}
    },
    methods: {}
  }
</script>

<style lang="less">

  @import url("../../../static/icon1/iconfont.css");

  #navPage {
    background-color: #333;
    .iconfont {
      font-size: 18px;
      margin-right: 4px;
    }
  }
</style>
